<!DOCTYPE html>
<html lang="zh_cn">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>学习强国</title>
    <!-- CSS -->
    <link href="css/style.css" rel="stylesheet" />
  </head>

  <body>
    <div id="Tab1" style="margin-top: 50px">
      <div class="timg">打开</div>
      <ul class="tabTitle">
        <li class="current">中国相册</li>
        <li>最美中国</li>
        <li>最美中国人</li>
        <li>历史瞬间</li>
        <li>镜头里的中国故事</li>
        <li>我和我的祖国</li>
      </ul>
      <div class="firstBox">
        <img src="img/timg.jpg" class="img-responsive" />
      </div>
      <div class="tabContent">
        <div class="tabDiv">
          <div class="itembox">
            <img src="img/pic1-1.jpg" class="img-responsive" />
            <p>百年粮仓“腾旧迎新”</p>
          </div>
          <div class="itembox">
            <img src="img/pic1-2.jpg" class="img-responsive" />
            <p>北京市鲁家山循环经济基地</p>
          </div>
          <div class="itembox">
            <img src="img/pic1-3.jpg" class="img-responsive" />
            <p>四川合江长江三桥主梁合龙</p>
          </div>
        </div>
        <div class="tabDiv hiddenTab">
          <div class="itembox">
            <img src="img/pic2-1.jpg" class="img-responsive" />
            <p>呈村风光</p>
          </div>
          <div class="itembox">
            <img src="img/pic2-2.jpg" class="img-responsive" />
            <p>大美枧潭</p>
          </div>
          <div class="itembox">
            <img src="img/pic2-3.jpg" class="img-responsive" />
            <p>西湖初夏</p>
          </div>
        </div>
        <div class="tabDiv hiddenTab">
          <div class="itembox">
            <img src="img/pic3-1.jpg" class="img-responsive" />
            <p>幼儿园开园啦</p>
          </div>
          <div class="itembox">
            <img src="img/pic3-2.jpg" class="img-responsive" />
            <p>麦田里的年轻“麦客”</p>
          </div>
          <div class="itembox">
            <img src="img/pic3-3.jpg" class="img-responsive" />
            <p>“童心港湾”关爱留守儿童</p>
          </div>
        </div>
        <div class="tabDiv hiddenTab">
          <div class="itembox">
            <img src="img/pic4-1.jpg" class="img-responsive" />
            <p>抚顺露天煤矿</p>
          </div>
          <div class="itembox">
            <img src="img/pic4-2.jpg" class="img-responsive" />
            <p>父子民兵</p>
          </div>
          <div class="itembox">
            <img src="img/pic4-3.jpg" class="img-responsive" />
            <p>到处都是我们的宿营地</p>
          </div>
        </div>
        <div class="tabDiv hiddenTab">
          <div class="itembox">
            <img src="img/pic5-1.jpg" class="img-responsive" />
            <p>学生备考忙</p>
          </div>
          <div class="itembox">
            <img src="img/pic5-2.jpg" class="img-responsive" />
            <p>武汉回来了</p>
          </div>
          <div class="itembox">
            <img src="img/pic5-3.jpg" class="img-responsive" />
            <p>抢抓农时生产忙</p>
          </div>
        </div>
        <div class="tabDiv hiddenTab">
          <div class="itembox">
            <img src="img/pic6-1.jpg" class="img-responsive" />
            <p>疯狂跳火堆</p>
          </div>
          <div class="itembox">
            <img src="img/pic6-2.jpg" class="img-responsive" />
            <p>古镇长桌宴</p>
          </div>
          <div class="itembox">
            <img src="img/pic6-3.jpg" class="img-responsive" />
            <p>后继有人</p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
